<template>
  <el-row :gutter="20" style="margin-top:20px;">
    <el-col :span="14">
      <solutionPanel :progress="progress"></solutionPanel>
    </el-col>
    <el-col :span="10">
      <solutionTab
        :hand-list="handList"
        :hand-list-simple="handListSimple"
        :say-list="sayList"
        :suit-list="suitList"
        :cannot-list="cannotList"
        :food-list="foodList"
        :food-book="foodBook"
      ></solutionTab>
    </el-col>
  </el-row>
</template>
<script>
import solutionPanel from './solutionPanel';
import solutionTab from './solutionTab';

export default {
  components: {
    solutionPanel,
    solutionTab
  },
  props: {
    progress: {},
    handList: {},
    handListSimple: {},
    sayList: {},
    foodList: {},
    suitList: {
      type: Array,
      default: () => []
    },
    cannotList: {
      type: Array,
      default: () => []
    },
    foodBook: {
      type: Array,
      default: () => []
    }
  },
  created() {}
};
</script>
